@import '~antd/es/style/themes/default.less';
.AddDeviceGroup{
  :global{
    .description{
      .ant-form-item-label{
        label{
          width: 70px;
          justify-content: flex-end;
        }
      }
    }
    .device{
      display: block;
      margin: 0;
      >.ant-form-item-label{
        z-index: 1;
        background: #fff;
        label{
          &::before{
            display: inline-block;
            margin-right: 4px;
            color: #ff4d4f;
            font-size: 14px;
            font-family: SimSun, sans-serif;
            line-height: 1;
            content: '*';
          }
        }
      }
      &.noprompt{
        >.ant-form-item-label{
          label{
            &::before{
              content:'';
            }
          }
        }
      }
      >.ant-form-item-control{
        border: 1px solid #d9d9d9;
        // margin-top: -15px;
      }
    }
  }
}
.deviceDetail{
  :global{
    .ant-row{
      margin: 8px 0;
      .ant-col-12{
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        padding: 5px 0;
      }
      .ant-col-24{
        padding: 5px 0;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
      }
    }
    .ant-tabs-tab .anticon{
      margin-right:3px;
    }
    .ant-progress-text{
      color: initial;
    }
  }
}
.calendarList{
  :global{
    ul{
      overflow: hidden;
      width: 301px;
      margin: 0;
      padding: 0;
      li{
        float: left;
        width: 43px;
        text-align: center;
        padding: 3px 0;
        span{
          width: 24px;
          height: 24px;
          line-height: 24px;
          display: inline-block;
          cursor: pointer;
        }
        &.selected{
          span{
            color: #fff;
            background: #1890ff;
          }
          
        }
        &:hover:not(.selected){
          span{
            background: #f5f5f5;
          }
          
        }
      }
    }
  }
}
.DeviceComponent{
  :global{
    .ant-table-container table > thead > tr:first-child th:first-child{
      padding-left: 24px;
    }
    .ant-table-body{
      &::-webkit-scrollbar{
        width: 4px;
        height: 4px;
        background-color: transparent;
        box-shadow: 5px 5px 25px 0 rgba(217,217,217,.1);
      }
      &::-webkit-scrollbar-thumb {
          box-shadow: inset 0 0 6px rgba(217,217,217,.3);
          background-color:  rgba(217,217,217,.9);
      }
      &::-webkit-scrollbar-track {
          box-shadow: inset 0 0 6px rgba(217,217,217,.3);
          background-color: transparent;
      }
    }
    .ant-pagination-options{
      .ant-select{
        width:auto;
      }
    } 
  }
}
